<script setup>
// npm i @element-plus/icons-vue --save
import {Delete, Search} from '@element-plus/icons-vue'

import {ElMessage} from "element-plus"
import 'element-plus/es/components/message/style/css'
//import 'element-plus/dist/index.css'

const show = () => {
  ElMessage({
    message: '登录成功',
    type: 'success',
    duration: 3000,
    // showClose: true,
  })
}
</script>


<template>
  <el-button type="success" @click="show">显示信息</el-button>
  <el-button type="primary" size="large">提交</el-button>
  <el-button type="success" size="default">提交</el-button>
  <el-button type="danger" :icon="Delete" size="small">提交</el-button>
  <el-button type="primary" @click="ElMessage('正在搜索中....')" :icon="Search" circle></el-button>
</template>


<style scoped>


</style>
